.login-bg{
    width: 100%;
    height: 100%;
    min-height:100vh;
    background: #f1f9ff;
    display: flex;
    display: -webkit-flex; 
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    .x-bg{
        width: 100%;
        height: 10%;
        min-height:10vh;
    }
    .tg{
      width: 100%;
      height: 40%;
      min-height:200px;
      display: flex;
      display: -webkit-flex; 
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      .logo-bg{
        width: 100%;
        height: 50%;
        min-height:20vh;
        display: flex;
        display: -webkit-flex; 
        justify-content: center;
        -webkit-justify-content: center;
        align-items: flex-end;
        -webkit-align-items: flex-end;
        .logo{
            width: 95.5px;
            height: 99px;
            background: url('../img/mlogo.png') no-repeat;
            background-size:100% 100%;
        }
      }
      .input-bg{
        width: 100%;
        height: 50%;
        min-height:20vh;
        display: flex;
        display: -webkit-flex; 
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-content: flex-end;
        -webkit-align-content: flex-end;
        .input-wrapper{
            height: 40%;
            min-height:50px;
            width: 100%;
            display: flex;
            display: -webkit-flex; 
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            .input-wrapper-s{
                width: 90%;
                height: 100%;
                min-height:100%;
                display: flex;
                display: -webkit-flex; 
                align-items: center;
                -webkit-align-items: center;
                border-bottom:0.5px solid #909090;
                img{
                    height: 10px;
                    width: 10px;
                }
                .lo1{
                    width: 16.5px;
                    height: 18.5px;
                    background: url('../img/phone.png') no-repeat;
                    background-size:100% 100%;
                    margin-left: 5%;
                }
                .lo2{
                    width: 16.5px;
                    height: 18.5px;
                    background: url('../img/lock.png') no-repeat;
                    background-size:100% 100%;
                    margin-left: 5%;
                }
                .phone {
                    margin-left: 3%;
                    outline:none;
                    background: #f1f9ff;
                    border: 0px;
                    font-size: 1rem;
                    height: 90%;
                    min-height:90%;
                    width: 40%;
                }
                .pCode {
                    margin-left: 3%;
                    outline:none;
                    background: #f1f9ff;
                    border: 0px;
                    font-size: 1rem;
                    height: 90%;
                    min-height:90%;
                    width: 77%;
                }
                .send{
                    margin-left: 10%;
                    color: #909090;
                    border:0.5px;
                    border-style: solid;
                    border-radius: 30px;
                    font-size: 0.8rem;
                    width: 110px;
                    height: 30px;
                    display: flex;
                    display: -webkit-flex; 
                    justify-content: center;
                    -webkit-justify-content: center;
                    align-items: center;
                    -webkit-align-items: center;
                }
            }
        }
      }
    }
    .bg{
      width: 100%;
      height: 50%;
      min-height:50vh;
      display: flex;
      display: -webkit-flex; 
      justify-content: center;
      -webkit-justify-content: center;
      align-items: flex-start;
      -webkit-align-items: flex-start;
      .button {
        width: 80%;
        height: 40px;
        border-radius: 30px;
        background-color: #239aff;
        color: white;
        margin-top: 40px;
        display: flex;
        display: -webkit-flex; 
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
      }
    }
  }

